<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页面</title>
    <link rel="stylesheet" href="../haladata/index.css">
    <link rel="stylesheet" href="../haladata/font_3426886_e4mlx2feo2t/iconfont.css">
    <link rel="stylesheet" href="../haladata/img/icof1/iconfont.css">
    <link rel="stylesheet" href="../haladata/img/iconf2/iconfont.css">

    <script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>
</head>

<body>
    <div class="back">

    </div>
    <div class="suspension">
        <div class="su-left">
            <img src="../haladata/img/3.jpg" alt="">
        </div>
        <div class="su-right">
            <div class="small-top">

                <div class="top-main">
                    <span class="iconfont icon-weixin"></span>
                    <span>微信登录</span>
                </div>
                <div class="top-main">
                    <span class="iconfont icon-youxiang"></span>
                    <span>邮箱登录</span>
                </div>
                <div class="top-main">
                    <span class="iconfont icon-shouji"></span>
                    <span>手机登录</span>
                </div>
                <div class="top-main">
                    <span class="iconfont icon-suoding"></span>
                    <span>账号登录</span>
                </div>
            </div>
            <div class="small-main">
                <form action="/login" method="post">
                    <h2>账号密码登录</h2>
                    <input type="text" placeholder="请输入账号" class="main-input" name="username" id="username">
                    <br>
                    <input type="text" placeholder="请输入密码" class="main-input" name="password" id="password">
                    <input type="submit" value="登录" class="main-input" onclick="login()">
                    <div class="main-one">
                        <span>新用户请用其他方式登录</span>
                        <div class="main-one-small">
                            <input type="checkbox" name="pass-jizhu" class="input-one">
                            <label  name="pass-jizhu">记住密码</label>
                        </div>
                    </div>

                </form>
            </div>
            <div class="small-bottom">
                <span>继续即代表您同意并遵守</span>
                <span>Readpaper&nbsp;<span class="bottom-span"><a href="">用户协议</a></span>&nbsp;和&nbsp;<span class="bottom-span"><a href="">隐私协议</a></span></span>
            </div>
        </div>
    </div>
    <div class="quxiao">
<a href=""><span class="iconfont icon-quxiao"></span></a>
    </div>
    <div class="bgc">
        <div class="right"></div>
        <div class="wrapper">
            <div class="header">
                <!-- <img src="./1.png" alt=""> -->
                <img src="../haladata/img/1.png" alt="" class="img1">
                <span>HalaDatab</span>
                <img src="../haladata/img/3.png" alt="" class="img2">
                <a href="#" class="a1">登录/注册</a>
                <a href="#" class="a2">新手指引</a>
                <!-- <img src="" alt=""> -->
                <!-- <img src="" alt=""> -->
                <a href="#"><img src="../haladata/img/1.png" alt="" class="img3"></a>
            </div>
            <div class="body">

                <img src="../haladata/img/4.png" alt="" class="img4">
                <span>HalaDatab</span>
                <div class="img5">
                    <h2>专业的客家学术社区</h2>
                    <span>论文搜索</span>
                    <span class="img5 dian">·</span>
                    <span>学术讨论</span>
                </div>
                <div class="search"><input type="text" placeholder="请输入你想了解的论文" class="input1">
                    <div class="in"><a href="#">搜索</a></div>
                </div>

            </div>
            <div class="bottom">
                <div class="one"><a href="#">我的学习</a><span>Learning</span></div>
                <div class="two"><a href="#">官方活动</a><span>Activities</span></div>
                <div class="three"><a href="#">客户端下载</a><span>Download</span></div>
                <div class="four"><a href="#">新手指引</a><span>Guide</span></div>
            </div>
        </div>
    </div>

    <div class="wrapper1">
        <div class="wrapper2">
            <ul>
                <li><span class="iconfont icon-remen"></span><a href="#">为你推荐</a></li>
                <li><span class="iconfont icon-shixinwujiaoxing"></span><a href="#">热门论文</a></li>
                <li><span class="iconfont icon-wujiaoxing-mianxing"></span><a href="#">推荐论文集</a></li>
                <!-- ! -->
                <hr class="bianxian">
            </ul>
        </div>
        <div class="theme">
            <h2><a href="content.html" target="_blank">客家龙舞文化在地域变迁构建中的价值研究——以成都洛带古镇为例</a></h2>
            <span class="ziti">
                <a href="author/author.html">薛源;</a> <a href="author/author.html">王雨璇;</a> <a href="author/author.html">陈杨梅;</a> <a href="author/author.html">陈浩</a>
                · May 2022</span>
            <a href="./content.html" target="_blank">
                <p>客家，是汉民族中重要且独特的民系，因为天灾或战乱的原因，被迫地域迁移，迁移后为了自己民族的继续发展和壮大而进行重新构建，其中包括民族文化的构建。而民族文化作为一个民族发展的灵魂，在构建中是否能发挥出的精神和物质等价值功能，将直接决定一个民族在新的迁移地是否能够长存发展。[1]历史上地域变迁的客家族系，也带着它独特的龙文化在成都得以构建，并发挥着它潜在的价值功能，促进客家文化在异地长存，保持了客家族系的持续发展。因此，客家龙舞文化植根于客家传统习俗文化，是客家文化的重要的表现形式和载体之一。
                </p>
            </a>

            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>
            <!-- ! -->
            <hr color="#E8E8EE">
        </div>
        <div class="contenttop1">
            <h2><a href="../haladata/content2.html" target="_blank">基于游客满意度的客家文化旅游开发研究</a></h2>
            <span class="ziti"><a href="author/author.html">俞万源;</a><a href="author/author.html">冯亚芬</a>
            <a href="author/author.html">梁锦梅</a>
                Jul 2013</span>
            <a href="./content2.html" target="_blank">

                <p>客家，是汉民族中重要且独特的民系，因为天灾或战乱的原因，被迫地域迁移，迁移后为了自己民族的继续发展和壮大而进行重新构建，其中包括民族文化的构建。而民族文化作为一个民族发展的灵魂，在构建中是否能发挥出的精神和物质等价值功能，将直接决定一个民族在新的迁移地是否能够长存发展。
                </p>
            </a>
            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>
            <hr color="#E8E8EE">
        </div>
        <div class="contenttop2">
            <h2><a href="../haladata/content3.html" target="_blank">梅州客家传统村落空间形态研究</a></h2>
            <span class="ziti"><a href="author/author.html">孙莹</a> Jun 2015</span>
            <a href="./content3.html" target="_blank">
                <p>梅州作为客家民系特色
                    突出的地区之一，拥有丰富、典型的客家族群特质和极具地域特色的客家传统文化元素，这是客家先民在梅州地域自然、社会、文化、历史等多重因素共同作用下，所创造出的一种适合在地居住的聚落文化。客家先民从唐末开始较成规模的在梅州聚居，明清时期人口剧增、遍布梅州各地。他们在广阔的丘陵、盆地、山谷、河滩等地形地貌条件下择址定居，其中存在许多共同特征和潜在规律。梅州客家传统村落的空间形态，是中原移民自身所携带的文化基因、迁徙而成的文化特性及梅州自身的自然地理环境、经济文化、社会结构等多种因素在空间中排列的结果，是一种外在集合形式。
                </p>
            </a>

            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>

            <!-- ! -->
            <hr color="#E8E8EE">

        </div>
        <div class="contenttop3">
            <h2><a href="#">基于景观基因“地域机制”的客家文化保护与传承开发
                    ———以湖南省炎陵县为例</a></h2>
            <span class="ziti"><a href="author/author.html">曹帅强;</a>
                <a href="author/author.html">邓运员</a>
                Jun 2017</span>
            <a href="#">
                <p>根据客家文化景观基因理论及其“地域机制”，以客家扩展聚居区炎陵县为例，结合历史文献查阅和实地
                    调研，发掘分析该县客家文化的景观基因。研究结果表明: ( 1) 迁徙由来、地域背景分别是客家文化景观的共同基
                    因、本土基因;
                    <br> ( 2) 由共同基因以“反客为主”的作用方式与本土基因形成了地方客家景观本质特性的主体基因;
                    <br> ( 3)
                    保护与传承意识形态是决定其主体基因能否在世代遵循并坚守着“原汁原味”文化传统和文化精神传承过程中的人
                    为基因。基于这些独特基因构成内在相关联的地域机制而所表达的特征，提出了应加强客家文化景观基因的数字
                    化保护管理、传承开发政策等对策
                </p>
            </a>

            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>
        </div>
        <div class="contenttop4">
            <h2><a href="#">客家文化空间分布特征及时空演变</a></h2>
            <span class="ziti"><a href="author/author.html">黄娟</a>
                Jun 2015</span>
            <a href="#">
                <p>客家文化是中国特殊的汉族群体—客家人经历了漫长岁月的迁徙和流浪所形成的独特
                    文化。据目前统计，全世界客家人总数在 8000 万左右，其中 90%以上的客家人分布在中国
                    地区，其余的分布在 80 多个国家和地区。目前，对客家文化的研究还停留在传统的文化研
                    究方式的层面上，通过运用 GIS 技术分析文化的时空关系进而实现客家文化科学化方式研
                    究的比较少，尤其是在空间特征、时空演变与可视化的方面更显不足。为此，论文从地理
                    学的视角出发，结合 GIS 可视化特点与空间分析方法，建立客家历史文化地理数据库，进
                    行信息的多元综合分析与应用。可以更为直观的了解客家文化迁徙过程及动因，同时为客
                    家文化延续和传承提供借鉴 </p>
            </a>

            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>
        </div>
        <div class="contenttop5">
            <h2><a href="#">客家语库系统设计及初步数据分析实现</a></h2>
            <span class="ziti"><a href="author/author.html">黄鸿哲</a>
                <a href="author/author.html">黄舒婷</a>
                <a href="author/author.html">邵敬毅</a>
                Jun 2022</span>
            <a href="#">
                <p>本文通过描述客家语库的各项功能来具体地述说该系统对于客家文化的一种继承和运用，试将客家文化融入
                    所有中华人民所认知的一部分
                    br
                    关键词：语音技术；客家语库；语音数据；文本分析 </p>
            </a>

            <span class="border">有PDF</span>
            <span>4895被引用</span><span>·</span><span>16收藏</span><span>·</span><span>70笔记</span>
        </div>
    </div>
</body>
<script>
    const divs = document.querySelectorAll(".wrapper1>div");
    // console.log(divs.style.display);
    window.addEventListener("scroll", roll);
    function roll() {
        let height = document.documentElement.clientHeight
        let scroll = document.documentElement.scrollTop
        divs.forEach((div) => {
            // console.log(div.style.animation);
            if (div.offsetParent.offsetTop + div.offsetTop < height + scroll) {
                // console.log(div);
                // console.log(height + scroll);
                // console.log(div.offsetParent.offsetTop);
                setTimeout(() =>
                    (dominance()), 200)
                function dominance() {
                    div.style.animation = "run 1.5s ease-in-out 1";
                    div.style.opacity = 1;
                }
            }
        })
    }
    const sign = document.querySelector(".wrapper .header .a1");
    const back = document.querySelector(".back");
    const suspen = document.querySelector(".suspension");
    const suright=document.querySelector(".suspension .su-right")
    console.log(suright);

    const bodys = document.getElementsByTagName("body")[0];
    const quxiao=document.querySelector(".quxiao");
    sign.addEventListener("click", suspension);
    quxiao.addEventListener("click", quxiaos);
    function suspension() {

        var tops = back.offsetTop / screenTop;
        console.log(tops);
        back.style.display = "block";
        suspen.style.display = "flex";
        quxiao.style.display="block";
        back.style.top = tops + "%";
        suspen.style.top = tops + "15%";
        bodys.style.overflow = "hidden";
        console.log(bodys.style.width);
        // bodys.style.animation = "run-one 0.75s ease-in-out 1";
        setTimeout(()=>(times()),750)
        function times()
        {
            suright.style.display="block"
        }
    }
    function quxiaos(){
        back.style.display = "none";
        suspen.style.display = "none";
        quxiao.style.display="none";
    }
const as=document.querySelectorAll(".wrapper1 .ziti a");
console.log(as);
as.forEach(function(a)
{
    a.addEventListener("click",add)
    function add()
    {
        const text=a.innerText;
        document.cookie="username="+text;",SameSite=None; Secure  path=author/author.html";
    }
})

    function login()
    {
        var username=$("#username").val()
        console.log(username+"$$$$$$$$$$$$$$$");
        var password=$("#password").val()
        console.log(password+"$$$$$$$$$$$$$$$");
        $.ajax(
            {
                type:"POST",
                url:"/login",
                data:
                    {
                        "username":username,
                        "password":password
                    },
                success:function(resule)
                {

                    if(resule.code==10000)
                    {
                        location.href="/loginto";
                    }
                    else if(resule.code==10004){
                        location.href="/adds.html";
                    } else
                    {
                        alert("密码或者账号错误！")
                    }
                }

            })
    }
    // linear infinite
</script>



</html>
